@import '@/common/style/meetingcenter.scss';
.p-search{
    position: fixed;
    box-sizing: border-box;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #999;
    z-index: 1; //组件冲突
    overflow: scroll;
    padding-top: 100px;
    .m-pannel{
        width: 100%;
    }
    .m-header-search{
        box-sizing: border-box;
        background-color: #557ae4;
        display: flex;
        position: fixed;
        z-index: 1;
        align-items: center;
        padding: 0 30px;
        height: 92px;
        width: 100%;
        top: 0;
        left: 0;
        .u-backlink{
            border: none;
            color: #fff;
            font-size: 28px;
            padding-right: 20px;
        }
        .u-serach{
            flex-grow: 1;
            box-sizing: border-box;
            .back{
                font-size: 28px;
                padding: 0 10px;
            }
        }
    }
    main{
        // padding: 0 30px;
        .tipTab{
            text-align: center;
            margin-top: 200px;
            .icon-meeting{
                width: 180px;
                fill: #eee;
            }
        }
        .resultTab{
            .resultListTitle{
                margin-top: 30px;
                font-size: 38px;
                text-align: center;
                color: #333;
                font-family: 'heiti';
            }
            p{
                margin-top: 10px;
                text-align: center;
                margin-bottom: 30px;
            }
            ul{
                //background: rgb(242,242,242);
                padding: 40px 30px 50px 30px;
                .resultItem{
                    box-sizing: border-box;
                    width: 100%;
                    background: #fff;
                    margin: 0 0 40px;
                    border-radius: 6px 6px 6px 6px;
                    box-shadow: 4px 4px 20px 0 #666;
                    padding: 10px;
                    a{
                        display: block;
                        .thumb{
                            width: 100%;
                            height: 440px;
                            overflow: hidden;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            .text{
                                display: flex;
                                flex-shrink: 1;
                                align-items: center;
                                .logo{
                                    flex-shrink: 0;
                                    width: 80px;
                                    img{
                                        width: 100%;
                                    }
                                }
                                .title{
                                    flex-grow: 1;
                                    line-height: 1.5;
                                    margin: 0;
                                    text-align: left;
                                    font-size: 28px;
                                    display: -webkit-box;
                                    text-overflow: ellipsis;
                                    overflow : hidden;
                                    -webkit-line-clamp: 2;
                                    -webkit-box-orient: vertical;
                                    color: #333;
                                    letter-spacing: 4px;
                                    word-break: break-word;
                                }
                            }
                            >img{
                                width: 100%;
                                height: 200px;
                                flex-grow: 1;
                                border-radius: 0 0 5px 5px;
                            }
                        }
                    }
                }
            }
            .show-content{
                grid-area: swiper;
                width: 100%;
                height: 350px;
                border-radius: 6px;
                overflow: hidden;
                display: flex;
                justify-content: center;
                align-items: center;
                img.formatimg{
                    vertical-align: top;
                    width: 100%;
                    height: 100%
                }
            }
        }
    }
}